<template>

  <van-tabs v-model:active="activeName">
    <van-tab title="關注" name="attention">
      <concern></concern>
    </van-tab>
    <van-tab title="專題" name="special">
      <subject-list-view></subject-list-view>
    </van-tab>
    <van-tab title="自選" name="optional">
      <img src="@/assets/images/logo.png" />
      <div style="width: 100%; height: 400px; background-color: #f3eac5;">
        <chart :id="123"></chart>
      </div>
    </van-tab>
  </van-tabs>

</template>

<script setup>
  // import HelloWorld from '@/components/HelloWorld.vue'
  import Concern from '@/components/Concern.vue'
  import Chart from '@/components/eCharts.vue'
  import SubjectListView from '@/views/SubjectListView.vue'
  import { ref } from 'vue';
  const activeName = ref('special');
</script>

<style lang="scss" scoped>

</style>
